@font-face {
    font-family: GypsyCurse-epqximport;
    src: url("GypsyCurse-epqx.ttf");
}

body{
   background-color: rgba(15, 25, 33, 255);
}

h1 {
    position: relative;
    font-family: GypsyCurse-epqximport;
    margin: 0;
    text-align: center;
    font-size: 400%;
    text-shadow: 0 0 2px #00a3cc, 0 0 4px #FFF, 0 0 11px #a5275b;
 } 

 .modes{
   display: flex;
   align-items: center;
   justify-content: center;
}

button{
   margin: 0 15%;
   padding: 1%;
   border-radius: 15px;
}

.button1{
  border: 2px solid rgba(110, 119, 122, 255) /**#533549*/;
  background-color:rgba(15, 25, 33, 255);
}
.button1:hover{
  background-color: rgba(176, 41, 98, 255);
  transform: scale(1.15);
}

.button2{
  border: 2px solid  rgba(110, 119, 122, 255);
  background-color:rgba(15, 25, 33, 255);
}
.button2:hover{
  background-color: rgba(31, 160, 152, 255);
  transform: scale(1.15);
}

a{
   text-decoration: none;
   color: white;
}

p{
   text-align: center;
   font-size: larger;
   color: rgba(208, 213, 207, 255);
}

 li{
    margin-left: 10%;
    margin-right: 5%;
    font-size: 80%;
    font-weight: 400;
    color: #a8c2d7;
    font-style: oblique;
 }